<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
    <link rel="stylesheet" href="static/css/style.css" />
    <link rel="stylesheet" href="static/css/odm.css" />
    <script src="static/js/jQuery.js"></script>
  </head>

  <body>
    <header class="com-header"></header>
    <script>
      $(function () {
        $('.com-header').load('component/header.html'); //加载导航栏
      });
      //   document.querySelector(".com-header").style.position="sticky";
    </script>
    <main class="odm">
      <section class="com-banner">
        <div class="com-banner-container">
          <div class="com-banner-bg mask">
            <img src="static/images/other/odm-banner-bg.png" alt="ctmon" />
          </div>
          <div class="com-banner-content">
            <h1 class="com-banner-title">OEM & ODM SERVICE</h1>
            <div class="com-banner-desc">SHI SHI TONG —— Your Reliable Partner for Custom Screw Solutions</div>
            <a href="javascript:viod(0);" class="com-banner-btn">Get Your Custom Quote</a>
          </div>
        </div>
      </section>
      <section class="index-number">
        <div class="index-number-container w1400">
          <div class="index-number-item">
            <div class="index-number-top">
              <span class="number">24</span>
              <span class="unit">+</span>
            </div>
            <p class="inde-number-desc">
              Years of Experience in <br class="com-br" />
              Custom Screw Manufacturing
            </p>
          </div>
          <div class="index-number-item">
            <div class="index-number-top">
              <span class="number">99.8</span>
              <span class="unit">%</span>
            </div>
            <p class="inde-number-desc">Product Qualification Rate</p>
          </div>
          <div class="index-number-item">
            <div class="index-number-top">
              <span class="number">210</span>
              <span class="unit sub">Million</span>
            </div>
            <p class="inde-number-desc">Screws Produced Annually</p>
          </div>
          <div class="index-number-item">
            <div class="index-number-top">
              <span class="number">4400</span>
              <span class="unit">+</span>
            </div>
            <p class="inde-number-desc">
              Clients Served Worldwide <br class="com-br" />
              Across Various Industries
            </p>
          </div>
          <div class="index-number-item">
            <div class="index-number-top">
              <span class="number">5-7</span>
              <!-- <span class="unit">+</span> -->
            </div>
            <p class="inde-number-desc">Days Fast Delivery</p>
          </div>
        </div>
      </section>
      <section class="odm-s1">
        <div class="odm-s1-container w1400">
          <h2 class="odm-s1-title">
            Accelerate Your Product Launch <br class="com-br" />
            with Custom Screws Designed for Your Industry
          </h2>
          <div class="idm-s1-content">
            <div class="odem-s1-left">
              <video
                src="static/media/video/test.mp4"
                muted
                autoplay
                loop
                playsinline
                poster="static/images/other/odm-viedo.png"
              ></video>
              <a href="#" class="odem-s1-left-btn">Get in Touch with Us</a>
            </div>
            <div class="odem-s1-right">
              <div class="odem-s1-right-list">
                <div class="odem-s1-right-item">
                  <div class="odem-s1-right-item-icon">
                    <img src="static/images/other/odm-s1-icon1.png" alt="ctmon" />
                  </div>
                  <p class="odem-s1-right-item-desc">
                    At <em>SHI SHI TONG</em>, we bring over <em>24 years</em> of expertise in crafting high-quality
                    custom screws, backed by advanced machinery and a 99.8% product qualification rate.
                  </p>
                </div>
                <div class="odem-s1-right-item">
                  <div class="odem-s1-right-item-icon">
                    <img src="static/images/other/odm-s1-icon2.png" alt="ctmon" />
                  </div>
                  <p class="odem-s1-right-item-desc">
                    We proudly serve diverse industries, including automotive, aerospace, medical devices,<em>
                      robotics, and precision electronics.
                    </em>
                  </p>
                </div>
                <div class="odem-s1-right-item">
                  <div class="odem-s1-right-item-icon">
                    <img src="static/images/other/odm-s1-icon3.png" alt="ctmon" />
                  </div>
                  <p class="odem-s1-right-item-desc">
                    We understand the unique challenges you face, from tight tolerances to rapid turnaround needs, and
                    <em>we’re dedicated</em> to providing reliable, tailored solutions to meet those demands.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="index-s4">
        <div class="index-s4-top w1400">
          <div class="index-s4-top-left">
            <h2 class="index-s4-title">
              Our Customization Process: <br />
              From Concept to Delivery
            </h2>
            <p class="index-s4-top-desc">
              Before reaching out, make sure to gather any important details like dimensions, requirements,
              <br class="com-br" />
              or design drawings. It’ll help us get things moving faster and ensure we create exactly what you have in
              mind. The more info, the better!
            </p>
          </div>
          <div class="index-s4-top-right">
            <div class="index-s4-top-right-link">
              <a href="#" class="index-s4-top-btn com-btn">Start Your Custom Project Now!</a>
            </div>
          </div>
        </div>

        <div class="index-s4-container">
          <div class="indes-s4-gsap">
            <div class="index-s4-content">
              <div class="index-s4-item">
                <div class="index-s4-num">01</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon1.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Consultation</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">02</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon2.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Requirement Confirmation</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">03</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon3.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quotation</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">04</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon4.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Advance Paymen</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">05</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon5.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Production Begins</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">06</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon6.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quality Inspection</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">07</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon6.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quality Inspection</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">08</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon6.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quality Inspection</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">09</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon6.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quality Inspection</div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="odm-s2">
        <div class="odm-s2-container">
          <h2 class="odm-s2-title w1400">
            Fully Customizable Products and <br class="com-br" />
            Specifications to Fit Your Needs
          </h2>
          <a class="odm-s2-tag" href="produt.html">Products</a>
          <div class="odm-s2-swiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="odm-s2-item">
                  <div class="odm-s2-item-name">TITANIUM SCREWS</div>
                  <div class="odm-s2-img">
                    <img src="static/images/other/odm-s2-1.png" alt="ctmon" />
                  </div>
                  <a href="parameter.html" class="odm-s2-btn com-btn">View Titanium Screws Details</a>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="odm-s2-item">
                  <div class="odm-s2-item-name">TITANIUM SCREWS</div>
                  <div class="odm-s2-img">
                    <img src="static/images/other/odm-s2-1.png" alt="ctmon" />
                  </div>
                  <a href="parameter.html" class="odm-s2-btn com-btn">View Titanium Screws Details</a>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="odm-s2-item">
                  <div class="odm-s2-item-name">TITANIUM SCREWS</div>
                  <div class="odm-s2-img">
                    <img src="static/images/other/odm-s2-1.png" alt="ctmon" />
                  </div>
                  <a href="parameter.html" class="odm-s2-btn com-btn">View Titanium Screws Details</a>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="odm-s2-item">
                  <div class="odm-s2-item-name">TITANIUM SCREWS</div>
                  <div class="odm-s2-img">
                    <img src="static/images/other/odm-s2-1.png" alt="ctmon" />
                  </div>
                  <a href="parameter.html" class="odm-s2-btn com-btn">View Titanium Screws Details</a>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="odm-s2-item">
                  <div class="odm-s2-item-name">TITANIUM SCREWS</div>
                  <div class="odm-s2-img">
                    <img src="static/images/other/odm-s2-1.png" alt="ctmon" />
                  </div>
                  <a href="parameter.html" class="odm-s2-btn com-btn">View Titanium Screws Details</a>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="odm-s2-item">
                  <div class="odm-s2-item-name">TITANIUM SCREWS</div>
                  <div class="odm-s2-img">
                    <img src="static/images/other/odm-s2-1.png" alt="ctmon" />
                  </div>
                  <a href="parameter.html" class="odm-s2-btn com-btn">View Titanium Screws Details</a>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="odm-s2-item">
                  <div class="odm-s2-item-name">TITANIUM SCREWS</div>
                  <div class="odm-s2-img">
                    <img src="static/images/other/odm-s2-1.png" alt="ctmon" />
                  </div>
                  <a href="parameter.html" class="odm-s2-btn com-btn">View Titanium Screws Details</a>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="odm-s2-item">
                  <div class="odm-s2-item-name">TITANIUM SCREWS</div>
                  <div class="odm-s2-img">
                    <img src="static/images/other/odm-s2-1.png" alt="ctmon" />
                  </div>
                  <a href="parameter.html" class="odm-s2-btn com-btn">View Titanium Screws Details</a>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="odm-s2-item">
                  <div class="odm-s2-item-name">TITANIUM SCREWS</div>
                  <div class="odm-s2-img">
                    <img src="static/images/other/odm-s2-1.png" alt="ctmon" />
                  </div>
                  <a href="parameter.html" class="odm-s2-btn com-btn">View Titanium Screws Details</a>
                </div>
              </div>
            </div>
          </div>
          <a class="odm-s2-tag other-tag" href="produt.html">Customization</a>
          <div class="odm-s2-custom w1600">
            <div class="odm-s2-swiper2">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="odm-s2-item-vice">
                    <div class="odm-s2-item-vice-name">TITANIUM SCREWS</div>
                    <div class="odm-s2-img-vice">
                      <img src="static/images/other/odm-s2-vice-img1.png" alt="ctmon" />
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="odm-s2-item-vice">
                    <div class="odm-s2-item-vice-name">Thread, Head & Drive Types</div>
                    <div class="odm-s2-img-vice">
                      <img src="static/images/other/odm-s2-vice-img2.png" alt="ctmon" />
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="odm-s2-item-vice">
                    <div class="odm-s2-item-vice-name">Dimensions & Sizes</div>
                    <div class="odm-s2-img-vice">
                      <img src="static/images/other/odm-s2-vice-img3.png" alt="ctmon" />
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="odm-s2-item-vice">
                    <div class="odm-s2-item-vice-name">Surface Treatment</div>
                    <div class="odm-s2-img-vice">
                      <img src="static/images/other/odm-s2-vice-img4.png" alt="ctmon" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="odm-s3">
        <div class="odm-s3-container">
          <h2 class="odm-s3-title w1400">
            Precision Manufacturing at Scale:<br class="com-br" />
            See Our Production Power
          </h2>
          <div class="odm-s3-content">
            <div class="odm-s3-swiper">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="odm-s3-item">
                    <div class="odm-s3-img mask">
                      <img src="static/images/other/odm-s3-img1.png" alt="ctmon" />
                    </div>
                    <div class="odm-s3-item-content">
                      <div class="odm-s3-item-left">
                        <h3 class="odm-s3-item-title">Dimensions & Sizes</h3>
                        <p class="odm-s3-item-text">
                          Diameters ranging from M0.6 to M16 with custom thread types and pitch to fit your
                          specifications.
                        </p>
                      </div>
                      <div class="odm-s3-item-right">
                        <a href="#" class="odm-s3-item-btn com-btn">Define Your Dimensions and Sizes</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="odm-s3-item">
                    <div class="odm-s3-img mask">
                      <img src="static/images/other/odm-s3-img1.png" alt="ctmon" />
                    </div>
                    <div class="odm-s3-item-content">
                      <div class="odm-s3-item-left">
                        <h3 class="odm-s3-item-title">Dimensions & Sizes</h3>
                        <p class="odm-s3-item-text">
                          Diameters ranging from M0.6 to M16 with custom thread types and pitch to fit your
                          specifications.
                        </p>
                      </div>
                      <div class="odm-s3-item-right">
                        <a href="#" class="odm-s3-item-btn com-btn">Define Your Dimensions and Sizes</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="odm-s3-item">
                    <div class="odm-s3-img mask">
                      <img src="static/images/other/odm-s3-img1.png" alt="ctmon" />
                    </div>
                    <div class="odm-s3-item-content">
                      <div class="odm-s3-item-left">
                        <h3 class="odm-s3-item-title">Dimensions & Sizes</h3>
                        <p class="odm-s3-item-text">
                          Diameters ranging from M0.6 to M16 with custom thread types and pitch to fit your
                          specifications.
                        </p>
                      </div>
                      <div class="odm-s3-item-right">
                        <a href="#" class="odm-s3-item-btn com-btn">Define Your Dimensions and Sizes</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="odm-s3-item">
                    <div class="odm-s3-img mask">
                      <img src="static/images/other/odm-s3-img1.png" alt="ctmon" />
                    </div>
                    <div class="odm-s3-item-content">
                      <div class="odm-s3-item-left">
                        <h3 class="odm-s3-item-title">Dimensions & Sizes</h3>
                        <p class="odm-s3-item-text">
                          Diameters ranging from M0.6 to M16 with custom thread types and pitch to fit your
                          specifications.
                        </p>
                      </div>
                      <div class="odm-s3-item-right">
                        <a href="#" class="odm-s3-item-btn com-btn">Define Your Dimensions and Sizes</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="odm-s3-item">
                    <div class="odm-s3-img mask">
                      <img src="static/images/other/odm-s3-img1.png" alt="ctmon" />
                    </div>
                    <div class="odm-s3-item-content">
                      <div class="odm-s3-item-left">
                        <h3 class="odm-s3-item-title">Dimensions & Sizes</h3>
                        <p class="odm-s3-item-text">
                          Diameters ranging from M0.6 to M16 with custom thread types and pitch to fit your
                          specifications.
                        </p>
                      </div>
                      <div class="odm-s3-item-right">
                        <a href="#" class="odm-s3-item-btn com-btn">Define Your Dimensions and Sizes</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="odm-s3-item">
                    <div class="odm-s3-img mask">
                      <img src="static/images/other/odm-s3-img1.png" alt="ctmon" />
                    </div>
                    <div class="odm-s3-item-content">
                      <div class="odm-s3-item-left">
                        <h3 class="odm-s3-item-title">Dimensions & Sizes</h3>
                        <p class="odm-s3-item-text">
                          Diameters ranging from M0.6 to M16 with custom thread types and pitch to fit your
                          specifications.
                        </p>
                      </div>
                      <div class="odm-s3-item-right">
                        <a href="#" class="odm-s3-item-btn com-btn">Define Your Dimensions and Sizes</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-button-prev odm-s3-prev btn-some"></div>
              <div class="swiper-button-next odm-s3-next btn-some"></div>
            </div>
          </div>
        </div>
      </section>
      <section class="faq-s2">
        <div class="faq-s2-container w1400">
          <a href="contact.html" class="faq-s2-btn">Inquire About Your Project </a>
          <a href="contact.html" class="faq-s2-btn">Explore Our Production Capacity</a>
        </div>
      </section>
      <section class="odm-s4">
        <div class="odm-s4-container w1400">
          <h2 class="odm-s4-title">SUCCESS STORIES</h2>
          <div class="odm-s4-content">
            <div class="odm-s4-swiper">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <a href="blog.html" class="odm-s4-item">
                    <div class="odm-s4-img">
                      <img src="static/images/other/odm-s4-img1.png" alt="ctmon" />
                    </div>
                    <div class="odm-s4-item-content">
                      <h3 class="odm-s4-item-title">The Impact of AI and ML on SaaS Product Development</h3>
                      <p class="odm-s4-item-text">Read More</p>
                    </div>
                  </a>
                </div>
                <div class="swiper-slide">
                  <a href="blog.html" class="odm-s4-item">
                    <div class="odm-s4-img">
                      <img src="static/images/other/odm-s4-img2.png" alt="ctmon" />
                    </div>
                    <div class="odm-s4-item-content">
                      <h3 class="odm-s4-item-title">The Impact of AI and ML on SaaS Product Development</h3>
                      <p class="odm-s4-item-text">Read More</p>
                    </div>
                  </a>
                </div>
                <div class="swiper-slide">
                  <a href="blog.html" class="odm-s4-item">
                    <div class="odm-s4-img">
                      <img src="static/images/other/odm-s4-img3.png" alt="ctmon" />
                    </div>
                    <div class="odm-s4-item-content">
                      <h3 class="odm-s4-item-title">The Impact of AI and ML on SaaS Product Development</h3>
                      <p class="odm-s4-item-text">Read More</p>
                    </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="index-s6">
        <div class="index-s6-container w1400">
          <h2 class="index-s6-title">Trusted by Industry Leaders Worldwide</h2>
          <div class="index-s6-icon-list">
            <div class="index-s6-icon">
              <img src="static/images/index/s6-icon1.png" alt="ctmon" />
            </div>
            <div class="index-s6-icon">
              <img src="static/images/index/s6-icon2.png" alt="ctmon" />
            </div>
            <div class="index-s6-icon">
              <img src="static/images/index/s6-icon3.png" alt="ctmon" />
            </div>
            <div class="index-s6-icon">
              <img src="static/images/index/s6-icon4.png" alt="ctmon" />
            </div>
            <div class="index-s6-icon">
              <img src="static/images/index/s6-icon5.png" alt="ctmon" />
            </div>
          </div>
          <div class="index-s6-list">
            <div class="index-s6-item">
              <div class="index-s6-item-img">
                <img src="static/images/index/star.png" alt="ctmon" />
              </div>
              <div class="index-s6-item-content">
                <p class="index-s6-item-desc">
                  Working with SHI SHI TONG has been a game-changer for us. Their custom screws meet our strict safety
                  and performance requirements in the automotive industry. The precision and reliability of their
                  products have been critical in our vehicle assembly processes. We trust SHI SHI TONG to deliver every
                  time, and they never let us down.
                </p>
              </div>
              <div class="index-s6-item-info">
                <div class="index-s6-item-info-img">
                  <img src="static/images/index/s6-img1.png" alt="ctmon" />
                </div>
                <div class="index-s6-item-info-content">Engineering Team, Volvo</div>
              </div>
            </div>
            <div class="index-s6-item">
              <div class="index-s6-item-img">
                <img src="static/images/index/star.png" alt="ctmon" />
              </div>
              <div class="index-s6-item-content">
                <p class="index-s6-item-desc">
                  At BYD, innovation and quality are at the heart of everything we do, and SHI SHI TONG has been a key
                  partner in achieving our goals. Their ability to deliver custom fasteners with exacting tolerances has
                  helped us streamline production and maintain the high standards we set for ourselves. Their team is
                  responsive, and their turnaround times are always impressive.
                </p>
              </div>
              <div class="index-s6-item-info">
                <div class="index-s6-item-info-img">
                  <img src="static/images/index/s6-img2.png" alt="ctmon" />
                </div>
                <div class="index-s6-item-info-content">Procurement Team, BYD</div>
              </div>
            </div>
            <div class="index-s6-item">
              <div class="index-s6-item-img">
                <img src="static/images/index/star.png" alt="ctmon" />
              </div>
              <div class="index-s6-item-content">
                <p class="index-s6-item-desc">
                  Precision is non-negotiable in our industry, and SHI SHI TONG understands that perfectly. The custom
                  screws they've provided for our drones and robotics have exceeded expectations in both performance and
                  durability. Their commitment to quality and their understanding of our unique needs make them an
                  invaluable partner for DJI.
                </p>
              </div>
              <div class="index-s6-item-info">
                <div class="index-s6-item-info-img">
                  <img src="static/images/index/s6-img1.png" alt="ctmon" />
                </div>
                <div class="index-s6-item-info-content">R&D Department, DJI</div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="index-s7">
        <div class="index-s7-container w1400">
          <h2 class="index-s7-title">SHI SHI TONG Certification</h2>
          <div class="index-s7-swiper">
            <div class="swiper-wrapper index-s7-pc-layout">
              <div class="swiper-slide">
                <div class="index-s7-item">
                  <div class="index-s7-item-img">
                    <img src="static/images/index/s7-img1.png" alt="ctmon" />
                  </div>
                  <p class="index-s7-item-desc">Utility Model Patent Certificate</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="index-s7-item">
                  <div class="index-s7-item-img">
                    <img src="static/images/index/s7-img2.png" alt="ctmon" />
                  </div>
                  <p class="index-s7-item-desc">Utility Model Patent Certificate</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="index-s7-item">
                  <div class="index-s7-item-img">
                    <img src="static/images/index/s7-img3.png" alt="ctmon" />
                  </div>
                  <p class="index-s7-item-desc">Utility Model Patent Certificate</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="index-s7-item">
                  <div class="index-s7-item-img">
                    <img src="static/images/index/s7-img4.png" alt="ctmon" />
                  </div>
                  <p class="index-s7-item-desc">Utility Model Patent Certificate</p>
                </div>
              </div>
            </div>
            <div class="swiper-pagination h5"></div>
          </div>
        </div>
      </section>
      <section class="index-s11">
        <div class="index-s11-container w1400">
          <h2 class="index-s11-title">Company News</h2>
          <div class="index-s11-swiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <a href="blog-details.html" class="index-s11-item">
                  <div class="index-s11-item-img">
                    <img src="static/images/index/s11-img1.png" alt="ctmon" />
                  </div>
                  <div class="index-s11-item-text">
                    <div class="index-s11-item-date">2024.10.11</div>
                    <h3 class="index-s11-item-title">The Impact of AI and ML on SaaS Product Development</h3>
                    <p class="index-s11-item-desc">
                      Businesses increasingly rely on Agile methodologies to stay competitive and consumer-conscious in
                      an evolving
                    </p>
                    <div class="index-s11-item-more">Read More</div>
                  </div>
                </a>
              </div>
              <div class="swiper-slide">
                <a href="blog-details.html" class="index-s11-item">
                  <div class="index-s11-item-img">
                    <img src="static/images/index/s11-img1.png" alt="ctmon" />
                  </div>
                  <div class="index-s11-item-text">
                    <div class="index-s11-item-date">2024.10.11</div>
                    <h3 class="index-s11-item-title">The Impact of AI and ML on SaaS Product Development</h3>
                    <p class="index-s11-item-desc">
                      Businesses increasingly rely on Agile methodologies to stay competitive and consumer-conscious in
                      an evolving
                    </p>
                    <div class="index-s11-item-more">Read More</div>
                  </div>
                </a>
              </div>
              <div class="swiper-slide">
                <a href="blog-details.html" class="index-s11-item">
                  <div class="index-s11-item-img">
                    <img src="static/images/index/s11-img1.png" alt="ctmon" />
                  </div>
                  <div class="index-s11-item-text">
                    <div class="index-s11-item-date">2024.10.11</div>
                    <h3 class="index-s11-item-title">The Impact of AI and ML on SaaS Product Development</h3>
                    <p class="index-s11-item-desc">
                      Businesses increasingly rely on Agile methodologies to stay competitive and consumer-conscious in
                      an evolving
                    </p>
                    <div class="index-s11-item-more">Read More</div>
                  </div>
                </a>
              </div>
              <div class="swiper-slide">
                <a href="blog-details.html" class="index-s11-item">
                  <div class="index-s11-item-img">
                    <img src="static/images/index/s11-img1.png" alt="ctmon" />
                  </div>
                  <div class="index-s11-item-text">
                    <div class="index-s11-item-date">2024.10.11</div>
                    <h3 class="index-s11-item-title">The Impact of AI and ML on SaaS Product Development</h3>
                    <p class="index-s11-item-desc">
                      Businesses increasingly rely on Agile methodologies to stay competitive and consumer-conscious in
                      an evolving
                    </p>
                    <div class="index-s11-item-more">Read More</div>
                  </div>
                </a>
              </div>
              <div class="swiper-slide">
                <a href="blog-details.html" class="index-s11-item">
                  <div class="index-s11-item-img">
                    <img src="static/images/index/s11-img1.png" alt="ctmon" />
                  </div>
                  <div class="index-s11-item-text">
                    <div class="index-s11-item-date">2024.10.11</div>
                    <h3 class="index-s11-item-title">The Impact of AI and ML on SaaS Product Development</h3>
                    <p class="index-s11-item-desc">
                      Businesses increasingly rely on Agile methodologies to stay competitive and consumer-conscious in
                      an evolving
                    </p>
                    <div class="index-s11-item-more">Read More</div>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="footer-form">
        <script>
          $(function () {
            $('.footer-form').load('component/footer-form.html'); //加载底部表单
          });
        </script>
      </section>
    </main>
    <div class="seek-box">
      <script>
        $(function () {
          $('.seek-box').load('component/seek.html'); //加载搜索弹窗
        });
      </script>
    </div>
    <footer class="com-footer">
      <script>
        $(function () {
          $('.com-footer').load('component/footer.html'); //加载页脚
        });
      </script>
    </footer>
    <script src="static/js/jquery.counterup.js"></script>
    <script src="static/js/swiper-bundle.min.js"></script>
    <script src="static/js/wow.js"></script>
    <script src="static/js/gsap.min.js"></script>
    <script src="static/js/ScrollTrigger.min.js"></script>
    <script src="static/js/form.js"></script>
    <script src="static/js/public.js"></script>
  </body>
</html>
